<template>
	<view class="page-body">
		<view class="flex  fixed">
			<view class="th ">好友账号</view>
			<view class="th ">姓名</view>
			<view class="th ">注册时间</view>
			<view class="th ">购买时间</view>
		</view>
		<view class="status-bar"></view>
		<view class="flex tr tbody" v-for="(item,index) in  listData" :key="index">
			<view class="td ">{{item.account}}</view>
			<view class="td ">{{item.realname}}</view>
			<view class="td " >{{item.reg_time}}</view>
			<view class="td " >{{item.invest_time}}</view>
		</view>
		<load-more :listnull="listnull" :loadtype="loadtype" ref="loadmore" :text2="text2">
			<block slot="null" >
				<view :style="{'height':winHeight}">
					<defalut type="7" :text="defalutText" ></defalut>
				</view>
			</block>
		</load-more>
	</view>
	
</template>

<script>
	var that;
	import {isPoneAvailable,TimeStorage,showModal,trim} from '@/utils/utils.js';
	import {
	    mapState,
	    mapMutations
	} from 'vuex'	
	import {pageLoad} from '@/utils/request.js';
	import defalut from '@/components/defalut.vue';
	import loadMore from '@/components/load-more.vue';
	var prevent = false;
	export default{
		data(){
			return{
				page:1,
				pageSize:14,
				loadtype:0,
				listData:[],
				listnull:false,
				listLen:14,
				defalutText:"暂无好友记录",
				text2:"",
				winHeight:this.$store.state.winHeight-200+'px',
			}
		},
		computed:mapState({
			
		}),
		methods:{
			getRecord(isReload){
				// pageLoad({
				// 	url:"/users/invitationList",
				// 	that: that,
				// 	isReload: isReload,
				// 	data:{
				// 	},
				// 	before(res){
				// 	},
				// 	success(res){
				// 	}
				// })
			}
		},
		onLoad(options){
			that=this;
			this.getRecord(true)
		},
		onReachBottom() {
			this.getRecord(false)
		},
		onShow(options){
		
		},
		components:{
			defalut,
			loadMore
		}
	}
</script>

<style lang="scss" scoped="">
	
	.fixed{
		background: #fff;
		top:0;
		/*  #ifdef H5  */
		top: 88upx;
		/*  #endif  */
		left: 0;width: 100%;
	}
	.status-bar{
		height: 100upx;
	}
	.th{width: calc(100vw / 3);font-size: 30upx;color: #444444;}
	.tbody{
		.td{text-align: center;width: calc(100vw / 3);}
	}
	.maincolor{color: #FF7201;}
	.tr,.fixed{
		height: 100upx;text-align: center;border-bottom: 1px solid #e9e9e9;
	}
</style>
